@import "default";

.mall-main {
  .header {
    position: relative;
    @include border-bottom;
    text-align: center;
    height: toRem(70px);
    line-height: toRem(70px);
    .top-back {
      position: absolute;
      left: 0;
      top: 0;
      width: toRem(28px);
      margin: $s-space-lg;
    }
  }
  .mall-content {
    overflow-y: scroll;
    .item-content {
      .item-title {
        @include border-bottom;
        font-size: $s-font-h3;
        padding: $s-space-lg $s-space-lg 0;
        span {
          display: inline-block;
          padding: $s-space-sm;
          @include border-bottom($s-black);
        }
      }
      .recommend-list,.goods-list{
        overflow: hidden;
        padding: $s-space-lg;
        .goods-item {
          float: left;
          width: 33%;
          text-align: center;
          &.bottom-item{
            .goods-info{
              text-align: left;
            }
            p{
              text-align: left;
            }
            .pirce-box{
              width: 90%;
              margin: auto;
            }
            .new-price{
              color: $s-danger;
              margin-right: $s-space-lg*2;
            }
            .old-price{
              color: $s-gray;
              font-size: $s-font-h6;
            }
          }
          img{
            width: toRem(300px);
            height: toRem(300px);
          }
          p{
            width: 90%;
            font-size: $s-font-h4;
            margin: auto;
            text-align: center;
            margin-top: $s-space;
            line-height: 1.5;
          }
        }
      }
    }
  }
}